<%@ page pageEncoding="UTF-8"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@include file="../tld.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>评价</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <!-- 引入公用样式 -->
    <link rel="stylesheet" href="../../../static/sass/common/ydui.css" />
    <link rel="stylesheet" href="../../../static/stylesheets/comments/comments.css" />
    <!-- 引入自适应解决方案类库 -->
    <script src="../../../static/scripts/libs/ydui.flexible.js"></script>
</head>
<body>
    <div class="g-flexview">
        <!-- 主体内容开始 -->
        <input type="hidden" id="uid" value="${uid}">
        <section class="content_box">
        	<c:if test="${fn:length(skus) > 0}">
        		<c:forEach items="${skus}" var="item" varStatus="vs">
		        		<div class="product-item">
		                <div class="product-img">
		                    <img class="icon"  src="${baseImgUrl}${item.image}" alt="">
		                </div>
		                <div class="product-title">
		                  	${item.goodsName}
		                </div>
		            </div>
		            <div class="start-item" id="starItem${item.id}" orderId="${item.orderId}" skuId="${item.id}" stars="0" comment="">
		                <div class="desc">
		                    商家服务
		                </div>
		                <div class="rate-star">
		                    <div class="start-box" data="${item.id }">
		                        <!-- <div class="start-plugin" data-w="19" data-mrg="8" data-count="5"></div> -->
		                        <i class="icon-star"></i>
		                        <i class="icon-star"></i>
		                        <i class="icon-star"></i>
		                        <i class="icon-star"></i>
		                        <i class="icon-star"></i>
		                    </div>
		                </div>
		                <div class="comments-box">
		                    <textarea name="comments" data="${item.id }" class="comments" placeholder="您的意见很重要哦，点评一下吧"></textarea>
		                    <span class="text-count"><span class="text-current-count">0</span>/140</span>
		                </div>
		            </div>
        		</c:forEach>
        	</c:if>
            <div class="tips">
                注：评论提交后将不可修改
            </div>
        </section>
        <!-- 底部导航开始 -->
        <footer class="footer">
            <div class="sub_btn">
                发表评价
            </div>
        </footer>
        <!-- 底部导航结束 -->
    </div>


    <!-- 引入jQuery 2.0+ -->
    <script src="../../../static/scripts/libs/jquery.min.js"></script>
    <!-- 引入YDUI脚本 -->
    <script src="../../../static/scripts/libs/ydui.js"></script>
    <script src="../../../static/scripts/apps/comments.js"></script> 
</body>
</html>

